﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Your Page Title Here</title>
    
    <!-- CSS -->
    <link href="CSS/styles.css" rel="stylesheet" type="text/css" />
    <link href="CSS/Reset.css" rel="stylesheet" type="text/css" />
    
    <!--[if IE]>
    <link href="CSS/ie.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    
    <!--[if IE 6]>
    <link href="CSS/ie6.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    
    <!-- sIFR CSS -->
    <link href="CSS/sifr.css" rel="stylesheet" type="text/css" />
    
    <!-- JS -->
    <script src="Scripts/jquery-1.2.6.js" type="text/javascript"></script>
    
    <!-- sIFR JS -->
    <script src="Scripts/sIFR/sifr.js" type="text/javascript"></script>
    <script src="Scripts/sIFR/sifr-debug.js" type="text/javascript"></script>
    <script src="Scripts/sIFR/sifr-config.js" type="text/javascript"></script>   
    
</head>
<body>
    
    <div id="container">
        <!-- HEADER -->
        <div id="header">
            <div class="container clearfix">
                <h1 class="flashHeader left">
                    <a href="home.htm" title="&laquo; Back to Your Company Name">
                       Your Logo/Name
                    </a>
                </h1>
                <div class="right headerLinks">
                    <a href="emailAFriend.htm" class="rightArrow left">
                        Email this page to a friend
                    </a>
                    <!-- Search box -->
                    <div class="right searchBox">
                        <input type="text" />
                        <button>Search</button>
                    </div>
                </div>
            </div>            
        </div>
        
        <!-- BODY-->
        <div id="body">
            <div class="clearfix">
                <div id="sideBar" class="left">
                    <ul id="navi">
                        <li>
                            <a href="home.htm">
                                Home
                            </a>
                        </li>
                        <li>
                            <a href="about.htm">
                                About
                            </a>
                        </li>
                        <li>
                            <a href="galleryList.htm">
                                Gallery
                            </a>
                        </li>
                        <li>
                            <a href="newsList.htm">
                                News &amp; Events
                            </a>
                        </li>
                        <li class="selected">
                            <a href="contact.htm">
                                Contact
                            </a>
                        </li>
                    </ul>                    
                                      
                </div>
                <div class="content oneCol left clearfix">
                    <!-- One Column content -->
                    <h2 class="flashHeader">
                        <strong>Contact.</strong> Everything you need to<br />
                        get in touch.
                    </h2>
                    <h3>Enquiry Form</h3>
                    
                    <!--
                    <div class="errorMessage">
                        <p>
                            Please review the following problems:
                        </p>
                        <ul>
                            <li>
                                Please enter your name
                            </li>
                        </ul>
                    </div>
                    -->
                    
                    <div class="clearfix">
                        <!-- TODO: move inline styles to CSS -->
                        <div class="left" style="width:265px; margin:0 10px 0 0;">
                            <p>
                                If you have a particular enquiry, please fill out
                                the form below and provide as much information as
                                you can, so that one of our representatives can
                                deal with your enquiry as effciently as possible.
                            </p>
                        </div>
                        <!-- TODO: move inline styles to CSS -->
                        <div class="left" style="width:265px;">
                            <fieldset>
                                <legend>Enquiry Form</legend>
                                
                                <label class="first">Name</label>
                                <input type="text" name="name" class="error"/>
                                <br />
                                
                                <label>Address</label>
                                <input type="text" name="addressLine1" />                                
                                
                                <label class="hide">Address Line 2</label>
                                <input type="text" name="addressLine2" />
                                <br />
                                
                                <label>Email Address</label>
                                <input type="text" name="emailAddress" />
                                <br />
                                
                                <label>Enquiry</label>
                                <textarea name="message" rows="5" cols="25"></textarea>
                                <br />
                                
                                <button>
                                    Submit Enquiry
                                </button>
                                
                            </fieldset>
                            
                        </div>
                    </div>                    
                    
                    
                </div>
            </div>     
                        
        </div>
        
        <!-- FOOTER -->
        <div id="footer">
            <div class="container">
                <ul class="credits">
                    <li class="cws">
                        <a href="http://www.creativewebspecialist.co.uk" title="Created by Warren Buckley, a Creative Web Specialist">
                            Created by Warren Buckley
                            <span>Creative Web Specialist</span>
                        </a>
                    </li>
                    <li class="g72">
                        <a href="http://www.g72.co.uk" title="Designed by Sam Grady from G72 Creative">
                            Designed by Sam Grady
                            <span>G72 Creative</span>
                        </a>
                    </li>
                </ul>
                
                <ul class="misc">
                    <li class="rss">
                        <a href="" title="RSS Feed for xxx">
                            RSS Feed
                        </a>
                    </li>
                    <li class="valid">
                        <a href="http://validator.w3.org/check?uri=referer" title="This site validates against the W3C guidelines for valid XHTML and CSS">
                            Valid XHTML
                        </a>                    
                    </li>
                </ul>
            </div>            
        </div>    
    </div>
    
    
</body>
</html>
